<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <title>Happy Birthday</title>
  <link rel="stylesheet" href="../css/jquery.fullPage.css">
  <link rel="stylesheet" href="../css/style.css">
</head>

<body>
  <div class="bgcolor">
    <div style="z-index:100;" id="dowebok">
      <!--第一屏-->
      <div class="section">
        <div class="ly-box01">
          <div class="ly-txt01">
            <p class="ly-stxt01">愿你的人生如诗如画</p>
            <p class="ly-stxt02">心中永远充满阳光。</p>
            <p class="ly-stxt03">愿你在岁月的长河中，</p>
            <p class="ly-stxt04">勇往直前，乘风破浪，无所畏惧。</p>
          </div>
          <div class="ly-txt02">
            <p class="ly-stxt06">愿你的每一天都充满希望和喜悦，</p>
            <p class="ly-stxt07">每一刻都值得珍藏。</p>
            <p class="ly-stxt09">承蒙时光不弃，感谢相遇。</p>
            <p class="ly-stxt10">祝你：（往下滑动！）</p>
          </div>
        </div>
      </div>

      <!--第二屏-->
      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint11"></div>
        <div class="ly-box11">
          <div class="ly-txt11" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt12">
            <p class="ly-txt06">愿你</p>
            <p class="ly-txt07">永远自由，</p>
            <p class="ly-txt09">永远美丽，</p>
            <p class="ly-txt10">永远勇敢!</p>
          </div>
          <div class="ly-imgbox11" style="height:80%">
            <img class="ly-img11" src="../img/di23.jpg" style="height:60%">
          </div>
        </div>
        <div class="ly-triangle11"></div>

        <div class="ly-box12">
          <div class="ly-txt13" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt14">
            <p>dxy</p>
            <p>祝你所有的希望都能如愿，</p>
            <p>所有的梦想都能实现，</p>
            <p>所有的期待都能出现，</p>
            <p>所有的付出都能兑现。</p>
            <P>因为你的降临，这一天成了一个美丽的日子。</P>
          </div>
          <div class="ly-imgbox11" style="height:50%">
            <img class="ly-img11" src="../img/6.jpg" style="height:80%;weight:80%">
          </div>
        </div>
        <div class="ly-triangle12"></div>

      </div>

      <!--第三屏-->

      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint21"></div>
        <div class="ly-box21">
          <div class="ly-txt21" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:100%">
          </div>
          <div class="ly-txt22" style="left:20%;font-size: 45px">
            <p>祝</p>
            <p>你</p>
          </div>
          <div class="ly-imgbox21">
            <img class="ly-img21" src="../img/di2.png">
          </div>
        </div>
        <div class="ly-triangle21"></div>

        <div class="ly-box22">
          <div class="ly-txt23" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:100%">
          </div>
          <div class="ly-stxt6">
            <p>做一个</p>
            <p>   幸福的人。</p>
            <p>有一个</p>
            <p>   灿烂的前程</p>
          </div>
          <div class="ly-imgbox22">
            <img class="ly-img22" src="../img/di21.jpg">
          </div>
        </div>
        <div class="ly-triangle22"></div>

        <div class="ly-box23">
          <div class="ly-txt25" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt26">
            <p>愿你的每一天都充满阳光，</p>
            <p>愿你的每一夜都有星月相伴，</p>
            <p>愿我们的爱情甜如蜜，幸福长久。</p>

          </div>
          <div class="ly-imgbox23" style="height: 70%">
            <img class="ly-img23" src="../img/di24 .jpg" style="height: 80%">
          </div>
        </div>
        <div class="ly-triangle23"></div>
      </div>

      <!--第四屏-->

      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint31"></div>
        <div class="ly-box31">
          <div class="ly-txt31" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt32">
            <p>愿天上人间，占得欢娱，年年今夜。</p>
            <p>希君生羽翼，一化北溟鱼。</p>
            <p>🌈🌈🌈🌈</p>
            <p>宇宙辽阔，光阴漫长，能与你共享同一颗星球和同一段时光是我的荣幸</p>
          </div>
          <div class="ly-imgbox31" style="height:50%">
            <img class="ly-img31" src="../img/di22.jpg" style="height:100%">
          </div>
        </div>
        <div class="ly-triangle31"></div>

        <div class="ly-box32">
          <div class="ly-txt33" style="width:100%;height:100%;left:100%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt34">
            <p>人生若只如初见，</p>
            <p>何事秋风悲画扇。</p>
          </div>
          <div class="ly-imgbox31">
            <img class="ly-img31" src="../img/zt.png" style="height:100%; width:auto;">
          </div>
        </div>
        <div class="ly-triangle32"></div>
      </div>


      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint11"></div>
        <div class="ly-box81">
          <div class="ly-txt11" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:200%">
          </div>
          <div class="ly-txt84" style="top:8%">
            <p class="wwww1">我们的第一束花</p>
            <p class="wwww1">以后还会有很多很多的花花！</p>
            <p class="wwww1">我们深爱星辰，乃至不惧夜的黑</p>
         
          </div>
          <div class="ly-imgbox81">
            <img class="ly-img81" src="../img/haha.jpg">
          </div>
        </div>
        <div class="ly-triangle11"></div>

        <div class="ly-box82">
          <div class="ly-txt13" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt84">
            <p>Hi!董馨月，</p>
            <p>今天是你的生日!</p>
            <p>祝你生日快乐</p>
            <p>每天都要开心鸭</p>
            <p>乖，摸摸头。</p>
            <p><a href="./EasterEgg.html">点击有彩蛋</a>  </p>
          </div>

        </div>
        <div class="ly-triangle82"></div>
      </div>

    </div>
    <ul class="bg-bubbles">
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/05.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/02.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/05.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/02.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/05.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/HappyBirthday.png" style="width:100%;height:100%"></li>
    </ul>

  </div>
  <audio src="../music/1.mp3" autoplay="autoplay" loop="loop">

    <script src="../js/jquery-1.8.3.min.js"></script>
    <script src="../js/jquery.fullPage.min.js"></script>
    <script src="../js/diy.js"></script>
</body>

</html>